<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>安全中心</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/user_siderbar.css">
    <link rel="stylesheet" href="/css/account_set.css">
    <script type="text/javascript" src="/js/assets/config.js"></script>
    <script type="text/javascript" src="/js/assets/require.js" data-main="/js/users/account_set"></script>
    <style>
        .no_margin1{
            margin-top:20px;
        }
    </style>
</head>
<body>
<#include "/include/header.ftl">
    <div class="container clear">
    <#-- 这个是弹出层  -->
        <div  class="rebox display">
            <div class="rebox-whole">
                <div class="rebox-whole-options">
                    <div class="rebox-whole-title">
                        银行卡解绑
                    </div>
                    <input type="password" placeholder="请输入交易密码" class="options-verification-input1" id="inputCode1"/>

                    <div class="buts">
                        <div class="buts-left" id="cancel1">取消</div>
                        <div class="buts-right" id="determine1">确定</div>
                    </div>
                </div>
            </div>
        </div>
    <#include "/include/user_siderbar.ftl">
    <div class="account fr">
        <div class="account_top"style="height: 200px">
            <h2>安全中心</h2>
            <div class="prompt">
                <span>账户安全等级低，请继续验证，提高安全等级！</span>
                <div class="safetyLevel" style="float: right">
                    安全等级
                    <input type="hidden" id="gradeStar" value="${grade}"/>
                    <span id="grade">

                    </span>
                </div>
            </div>
        </div>
        <div class="account_set_area">
            <div  class="div90">
            <#if security.realnameStatus==0>
                <span class="col1 set_tip">实名认证</span>
            <#else>
                <span class="col1 setted">实名认证</span>
            </#if>
            <#if security.realnameStatus==0>
                <span class="col3 red">未认证</span>
            <#else>
                <span class="col3">已认证</span>
            </#if>
                <span class="col2">完成身份认证才能投标和借款，实名认证后身份证不允许修改、更换或注销</span>
            <#if security.realnameStatus==0>
                <a href="/user/security/realname"><span class="modify realNameButton">立即认证</span></a>
            <#else>
                <span class="modify show_modify_modal">查看</span>
            </#if>
            </div>
            <div class="panel_area">
                <div class="panel panel3">
                <#if security.realnameStatus==0>
                    <p><span>姓名</span><input id="name" type="text"></p>
                    <p><span>身份证号</span><input id="idCard" type="text" maxlength="18"></p>
                    <p><span></span><input type="button" style="cursor:pointer;" id="realnamecertification" class="long_button" value="确认"></p>
                <#else>
                    <p><span>姓名</span>${security.realname}</p>
                    <p><span>身份证号</span>${security.identifyCard}</p>
                </#if>
                </div>
            </div>
            <div class="div90">
                <span class="col1 setted">手机验证</span>
                <span class="col2" id="phone" style="width: 566px">${user.mobile}</span>
                <span class="last_modify modify" style="cursor: default !important;">已验证</span>
            </div>
            <div class="panel_area">
                <div class="panel panel1">
                    <p class="height28"><span>原手机号</span><span id="oldphone"></span></p>
                    <p><span>验证码</span><input id="oldCode" type="text" class="short_text"><input style="cursor:pointer;font-size: 13px;" id="oldclickMes" type="button" class="short_button" value="发送验证码"></p>
                    <p><span>新手机号</span><input type="text" id="newphone"></p>
                    <p><span>验证码</span><input type="text" id="inputRandomCode" class="short_text"><input style="cursor:pointer;" type="button" id="newclickMes" class="short_button" value="发送验证码"></p>
                    <p><span></span><input type="button" style="cursor:pointer;" class="long_button show_modify_modal" id='modifyLoginPass' value="修改"></p>
                </div>
            </div>
            <div  class="div90">
                <span class="col1 setted">登录密码</span>
                <span class="col2" style="width: 566px">已设置</span>
                <span class="modify show_modify_modal">修改</span>
            </div>
            <div class="panel_area" style="display: none;">
                <div class="panel panel2">
                    <p><span>原密码</span><input id="oldpassword" type="password" maxlength="20"></p>
                    <p class="no_margin"><span>新密码</span><input id="newpassword" type="password" maxlength="20"></p>
                    <p class="no_margin1"><span>确认密码</span><input id="newpassword1" type="password" maxlength="20"></p>
                    <p><span></span><input type="button" id="modify" class="long_button" value="修改"></p>
                </div>
            </div>
            <div  class="div90">
            <#if security.realnameStatus==0>
                <span class="col1 set_tip">交易密码</span>
                <span class="col2 red" style="width: 566px">未设置</span>
                <a href="/user/security/realname"><span class="modify realNameButton">认证并设置</span></a>
            <#else>
                <span class="col1 setted">交易密码</span>
                <span class="col2" style="width: 566px">已设置</span>
                <span class="modify show_modify_modal">修改</span>
            </#if>
            </div>
            <div class="panel_area">
                <div class="panel panel3">
                    <p class="tips">定期更换密码可以让你的账户更加安全，请确保交易密码与登录密码不同，提高账户安全保障。</p>
                    <p><span>身份证号码</span><input type="text" maxlength="18"  id="idCard"></p>
                    <p><span>验证码</span><input id="mobileCode" type="text" class="short_text">
                        <input style="cursor:pointer;font-size: 13px;" id="payclickMes" type="button" class="short_button" value="发送验证码" >
                    </p>
                    <p><span>设置交易密码</span><input type="password" id="newPayPassword" maxlength="6" onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')"></p>
                    <p><span>确认交易密码</span><input type="password" id="newPayPassword2" maxlength="6" onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')"></p>
                    <input type="hidden" id="payPhone"/>
                    <p><span></span><input type="button" id="payPasswordBtn" class="long_button" value="修改交易密码"></p>
                </div>
            </div>
            <#if userInfo??>
            <#if userInfo.userRiskType??>
                <div  class="div90">
                    <span class="col1 setted">风险评测</span>
                    <span class="col3">已评测</span>
                    <span class="col2">了解风险承受能力，减少投资损失</span>
                    <a href="/user/assessment?${userInfo.id?c}"><span class="modify">重新评测</span></a>
                </div>
            <#else>

                <div  class="div90">
                    <span class="col1 set_tip">风险评测</span>
                    <span class="col3">未评测</span>
                    <span class="col2">了解风险承受能力，减少投资损失</span>
                    <a href="/user/assessment?${userInfo.id?c}"><span class="modify realNameButton">马上评测</span></a>
                </div>
            </#if>
            </#if>
        </div>
    </div>
</div>
<#include "/include/footer.ftl">
<#include "/include/smalldetails.ftl">
</body>
</html>